<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
	  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">

	<head>
		<title>接口管理</title>
		<th:block th:replace="common/header :: iframeHead"></th:block>
	</head>

	<body class="child-body">
		<div id="breadcrumb">
			<a href="#" class="tip-bottom">接口管理 /</a>
			<a href="#" class="current"><H4>应用系统接口详情</H4></a>
		</div>
		<div class="container-fluid">
			<!-- 主体部分 -->
			<div class="row-fluid">
				<div class="span12">
					<div class="widget-box">
						<form id="editform" class="form-vertical" th:action="@{/appInterfaces/list}" action="#" th:object="${formBean}"  method="post">

							<!-- 详情 -->
							<div th:replace="appInterface/sub/appInterfaceDetail :: detailBlock"></div>

							<!--异步返回接口列表-->
							<div th:replace="common/selectTree :: tableBlock"></div>

						</form>
					</div>
				</div>
			</div>
		</div>



	</body>

	<!-- 弹出信息确认窗口 -->
	<div th:replace="common/msgConfirm :: msgBlock"></div>

	<!-- footer -->
	<div th:replace="common/footer :: footerBlock"></div>

	<script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/

        var treeLs = eval(/*[[${formBean.treeList}]]*/);
        var strOption = "";
        for (var items = 0; items < treeLs.length; items++) {
            if (treeLs[items].strSelected == '1') {
                strOption = '<option value=' + treeLs[items].guid
                    + ' data-section=' + treeLs[items].dataSection + ' selected>'
                    + treeLs[items].optionText + '</option>'
                $("#treeSelectLs").append(strOption);
            } else {
                strOption = '<option value=' + treeLs[items].guid
                    + ' data-section=' + treeLs[items].dataSection + '>'
                    + treeLs[items].optionText + '</option>'
                $("#treeSelectLs").append(strOption);
            }

        }

        console.profile('tree-multiselect');
        $('#treeSelectLs').treeMultiselect({enableSelectAll: true, sortable: false, searchable: true});
        console.profileEnd();

        /*]]>*/
	</script>
</html>
